<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="common/htmlHead :: common_header(~{::title})">
    <title>主页</title>
</head>

<body class="sidebar-main-menu">

<!-- loader Start -->
<div id="loading">
    <div id="loading-center">

    </div>
</div>
<!-- loader END -->

<!-- Wrapper Start -->
<div class="wrapper">

    <!-- 侧边栏  -->
    <head th:replace="~{common/sidebar}">

        <!-- Page Content  -->
        <div id="content-page" class="content-page">

            <!-- 导航栏 -->
            <div th:replace="~{common/topbar}"></div>
            <!-- 导航栏结束 -->

            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="iq-card iq-user-profile-block">
                            <div class="iq-card-body">
                                <div class="user-details-block">
                                    <div class="user-profile text-center">
                                        <img src="images/user/11.png" alt="profile-img" class="avatar-130 img-fluid">
                                    </div>
                                    <div class="text-center mt-3">
                                        <h4><b>[[${session.loginUser}]]</b></h4>
                                        <p>Doctor</p>
                                        <p th:text="#{mian.taskmsg}">医者仁心</p>
                                        <a th:href="@{/getUserInfo}" class="btn btn-primary" th:text="#{main.details}">详情</a>
                                    </div>
                                    <hr>
                                    <ul class="doctoe-sedual d-flex align-items-center justify-content-between p-0">
                                        <li class="text-center">
                                            <h3 class="counter" >[[${count}*3]]</h3>
                                            <span th:text="#{main.rescued}">被救助</span>
                                        </li>
                                        <li class="text-center">
                                            <h3 class="counter">[[${count}*0.73]]</h3>
                                            <span th:text="#{main.score}">整体评分</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="iq-card">
                            <div class="iq-card-header d-flex justify-content-between">
                                <div class="iq-header-title">
                                    <h4 class="card-title" th:text="#{main.HealthCurve}">Health Curve</h4>
                                </div>
                            </div>
                            <div class="iq-card-body">
                                <div id="home-chart-06" style="height: 350px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="iq-card">
                            <div class="iq-card-header d-flex justify-content-between">
                                <div class="iq-header-title">
                                    <h4 class="card-title" th:text="#{main.Date}">Nearest Treatment</h4>
                                </div>
                            </div>
                            <div class="iq-card-body smaill-calender-home">
                                <input type="text" class="flatpicker d-none">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="iq-card">
                            <div class="iq-card-body">
                                <h5 th:text="#{main.Havetocure}">已治愈</h5>
                                <h3><b>[[${count}]]</b></h3>
                            </div>
                            <div id="wave-chart-7"></div>
                        </div>
                        <div class="iq-card">
                            <div class="iq-card-body">
                                <h5 th:text="#{main.Thenewhospital}">新入院</h5>
                                <h3><b>[[${count}-2]]</b></h3>
                            </div>
                            <div id="wave-chart-8"></div>
                        </div>
                    </div>


                    <div class="col-lg-4">
                        <a th:href="@{/getPatientInfo}">
                            <div class="iq-card">
                                <div class="iq-card-header d-flex justify-content-between">
                                    <div class="iq-header-title">
                                        <h4 class="card-title" th:text="#{main.Theillnesspreview}">Patient Progress</h4>
                                    </div>
                                </div>
                                <div class="iq-card-body">
                                    <ul class="m-0 p-0" th:each="patientInfo,proStat:${patientInfos}" th:if="${proStat.index} le 7">
                                        <li class="d-flex mb-3 align-items-center">
                                            <div class="media-support-info">
                                                <h6 th:text="${patientInfo.getPatientName()}"></h6>
                                            </div>
                                            <span class="badge badge-primary"
                                                  th:text="${patientInfo.getHealth()}"></span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <!--医生信息-->
                <div class="row">
                    <div class="col-lg-8">
                        <div class="iq-card">
                            <div class="iq-card-header d-flex justify-content-between">
                                <div class="iq-header-title">
                                    <h4 class="card-title" th:text="#{main.Patientoverview}">Patient overview</h4>
                                </div>
                            </div>
                            <div class="iq-card-body pl-0 pr-0">
                                <div id="home-chart-03" style="height: 340px;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="iq-card">
                            <div class="iq-card-header d-flex justify-content-between">
                                <div class="iq-header-title">
                                    <h4 class="card-title" th:text="#{main.On-the-jobdoctor}">在职医生</h4>
                                </div>
                            </div>
                            <div class="iq-card-body">
                                <ul class="doctors-lists m-0 p-0" >
                                    <li class="d-flex mb-4 align-items-center" th:each="userInfo:${userInfos}">
                                        <div class="user-img img-fluid"><img th:src="@{/images/user/06.jpg}" alt="story-img"
                                                                             class="rounded-circle avatar-40"></div>
                                        <div class="media-support-info ml-3">
                                            <h6 th:text="${userInfo.getUsername}+医生"></h6>
                                            <p class="mb-0 font-size-12" th:text="${userInfo.getEmail}"></p>
                                        </div>
                                        <div class="iq-card-header-toolbar d-flex align-items-center">
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 脚部 -->
                <footer th:replace="~{common/footer}"></footer>
                <!-- 脚部结束 -->
            </div>
        </div>
        <!-- Wrapper END -->

        <!--使用公有js-->
        <div th:replace="common/htmlHead::common_js(~{::script})">

        </div>

</div>
</body>
</html>
